.container-whz {
  // display: flex;
  width: 100%;
  height: 100vh;
  // background-color: rgb(241, 222, 213);
  // background-color: aqua;
  .background-image-whz {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 20%; /* 背景图片占据页面的30% */
    // background-image: url('../../images/logintop1.png'); /* 替换为你的背景图片路径 */
    background-size: cover;
    background-position: center;
    z-index: -1; /* 确保背景图片不覆盖主页面内容 */
  }

  .topTitle-whz {
    display: flex;
    // background-color: orange;
    font-size: 50rpx;
    font-weight: 500;
    padding-top: 350rpx;
    margin-left: 66rpx;
    width: 100%;
    height: 60rpx;
  }

  .input-container-whz {
    display: flex;
    align-items: center;
    // justify-content: center;
    width: 85%;
    max-width: 600rpx;
    height: 90rpx;
    margin: 48rpx auto;
    /* 使容器居中，并与其他元素保持一定距离 */
    background-color: rgb(248, 247, 252);
    /* 浅色背景 */
    padding: 10rpx;
    position: relative;
    top: 5%;

    /* 小图片 */
    .small-img-whz {
      padding-left: 20rpx;
      width: 45rpx;
      height: 45rpx;
    }

    /* 竖线 */
    .separator-whz {
      margin: 0 20rpx;
      color: rgb(187, 187, 187);
      font-size: 30rpx;
    }

    /* 输入框 */
    .input-box-whz {
      flex: 1;
      border: none;
      outline: none;
      padding: 0 10rpx;
      font-size: 32rpx;
      background-color: transparent;
    }
  }

  .inputCaptcha-whz {
    display: flex;
    align-items: center;
    // justify-content: center;
    width: 85%;
    max-width: 600rpx;
    height: 90rpx;
    margin-left: 66rpx;
    // margin: 48rpx auto;
    /* 使容器居中，并与其他元素保持一定距离 */
    background-color: rgb(248, 247, 252);
    /* 浅色背景 */
    padding: 10rpx;
    position: relative;
    top: 5%;

    /* 小图片 */
    .small-img-whz {
      padding-left: 20rpx;
      width: 45rpx;
      height: 45rpx;
    }

    /* 竖线 */
    .separator-whz {
      margin: 0 20rpx;
      color: rgb(187, 187, 187);
      font-size: 30rpx;
    }

    /* 输入框 */
    .input-box-whz {
      flex: 1;
      border: none;
      outline: none;
      padding: 0 10rpx;
      font-size: 32rpx;
      background-color: transparent;
    }

    // 验证码图片
    .captchaImage-whz {
      // background-color: orange;
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      height: 90rpx;
      width: 200rpx;
      margin-right: 5rpx;
      border: 2px solid rgb(104, 102, 102);
    }
  }

  .register-whz {
    // background-color: orchid;
    width: 100%;
    height: 60rpx;
    position: relative;
    top: 8%;
    // padding-right: 20rpx;
    display: flex;
    justify-content: space-between;
    // justify-content: flex-end;
    /* 使子元素靠右对齐 */
    align-items: center;
    /* 垂直居中 */
    .register-left-whz{
      margin-left: 66rpx;
    }

    .register-right-whz {
      margin-right: 66rpx;

      text {
        margin-right: 10rpx;
      }

      .register-link-whz {
        color: rgb(230, 76, 38);
        /* 不同的颜色 */
        text-decoration: underline;
        /* 下划线 */
      }
    }
  }

  .loginButton-whz {
    width: 70%;
    position: relative;
    top: 15%;
    // margin-left: 32rpx;
    // margin-right: 32rpx;
  }
}